<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div style="height: 1000px;"></div>
    <script>
        /*
            onscroll--在页面滚动时候触发  --滚动事件


            获取 滚动距离 
            设置 滚动距离
            
            

        */
        window.onscroll = function () {
            console.log('滚动');

            // 垂直 方向的滚动距离--单位是px
            document.documentElement.scrollTop
            // 水平 方向的滚动距离
            document.documentElement.scrollLeft

            console.log(document.documentElement.scrollTop);
        }

        //给文档添加一个点击事件
        document.onclick = function () {
            // 设置滚动距离为0（立刻滚动）
            // document.documentElement.scrollTop = 0
            document.documentElement.scrollTo({
                top: 0,
                behavior: "smooth" //平滑滚
                // behavior:"auto" 立刻滚动 
            })
        }


    </script>

</body>

</html>